<template>
  <div style="margin-top: 50rem;">
    <!-- <ul>
      <li v-for="cl in classical" :key="cl.id">
        {{ cl.nm }}
      </li>
    </ul> -->
    <MovieView v-for="cl in classical" :key="cl.id" :cl="cl" @click="$router.push({ path: '/caseinfoeditor',query:{id:cl.id} })"></MovieView>
  </div>
</template>

<script setup>
import { ref } from "vue";

import MovieView from "@/components/MovieView.vue";

import { storeToRefs } from "pinia";
import { useHotStore } from "@/stores/hot.js";

const store = useHotStore();
const { classical } = storeToRefs(store);
const { updateClassical } = store;

// console.log("daiyings", daiyings);

updateClassical();
</script>

<style lang="scss" scoped>

</style>